<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入主题样式 -->
<link
	href="${pageContext.request.contextPath }/themes/bootstrap/easyui.css"
	rel="stylesheet">
<!-- 引入图标的样式 -->
<link href="${pageContext.request.contextPath }/themes/icon.css"
	rel="stylesheet">
<!-- 先引入jquery -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-1.7.2.js"></script>
<!-- 引入easyui.js -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		$('input').textbox({
			height:35,
			editable:false
		}); 
		
		//进行导航条配置
		$("input").click(function(){
			var val = this.value;
			if(val == "数据字典创建和维护"){
				$('#centerPanel').panel({   
					content:'<iframe frameborder="0" src="chax.jsp" width="100%" height="100%"></iframe>'
				});
			}else if(val == "系统用户创建和维护"){
				$('#centerPanel').panel({   
					content:'<iframe frameborder="0" src="adduser.jsp" width="100%" height="100%"></iframe>'
				});
			}else if(val == "用户权限分配和维护"){
				$('#centerPanel').panel({   
					content:'<iframe frameborder="0" src="role.jsp" width="100%" height="100%"></iframe>'
				});
			} else if(val == "消息通知"){
				$('#centerPanel').panel({   
					content:'<iframe frameborder="0" src="chat.jsp" width="100%" height="100%"></iframe>'
				});
			} else{
				$('#centerPanel').panel({   
					content:'<iframe frameborder="0" src="index.jsp" width="100%" height="100%"></iframe>'
				});
			}
		});
	});
</script>
<body class="easyui-layout">   
    <div data-options="region:'north'" style="height:100px;background-image:url('image/LoginImage.png');background-size: 100%; " align="center">
    	<h1>环境知识管理系统</h1>
    </div>   
    <div data-options="region:'west'" style="width:18%;background-image:url('image/LoginImage.png');background-size: 100%;" align="center">
    	<input name="text1" type="text" value="数据字典创建和维护" style="width:100%;text-align: center;">
    	<input name="text2" type="text" value="系统用户创建和维护" style="width:100%;text-align: center;">
    	<input name="text3" type="text" value="用户权限分配和维护" style="width:100%;text-align: center;">
    	<input name="text3" type="text" value="消息通知" style="width:100%;text-align: center;">
    	<input name="text3" type="text" value="返回首页" style="width:100%;text-align: center;">
    </div>   
    <div id="centerPanel" data-options="region:'center'" style="padding:5px;background-color:white;background-image:url('image/LoginImage.png');background-size: 100%;">
    	<iframe frameborder="0" src="index.jsp" width="100%" height="100%"></iframe>
    </div>   
</body>  

</html>